<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>用户注册</title>
	<link rel="stylesheet" href="{:config('home_static')}/style/base.css" type="text/css">
	<link rel="stylesheet" href="{:config('home_static')}/style/global.css" type="text/css">
	<link rel="stylesheet" href="{:config('home_static')}/style/header.css" type="text/css">
	<link rel="stylesheet" href="{:config('home_static')}/style/login.css" type="text/css">
	<link rel="stylesheet" href="{:config('home_static')}/style/footer.css" type="text/css">
	<script type="text/javascript" src="{:config('home_static')}/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="/plugin/layer/layer.js"></script>
</head>
<body>
<!-- 顶部导航 start -->
{include file="public/nav" /}
<!-- 顶部导航 end -->
	
	<div style="clear:both;"></div>

	<!-- 页面头部 start -->
	<div class="header w990 bc mt15">
		<div class="logo w990">
			<h2 class="fl"><a href="{:url('home/index/index')}"><img src="{:config('home_static')}/images/logo.png" alt="京西商城"></a></h2>
		</div>
	</div>
	<!-- 页面头部 end -->
	
	<!-- 登录主体部分start -->
	<div class="login w990 bc mt10 regist">
		<div class="login_hd">
			<h2>用户注册</h2>
			<b></b>
		</div>
		<div class="login_bd">
			<div class="login_form fl">
				<form action="" method="post">
					<ul>
						<li>
							<label for="">用户名：</label>
							<input type="text" class="txt" name="username" />
							<p>3-20位字符，可由中文、字母、数字和下划线组成</p>
						</li>
						<li>
							<label for="">邮箱：</label>
							<input type="text" class="txt" name="email" />
							<p>3-20位字符，可由字母、数字和下划线组成</p>
						</li>
						<li>
							<label for="">密码：</label>
							<input type="password" class="txt" name="password" />
							<p>6-20位字符，可使用字母、数字和符号的组合，不建议使用纯数字、纯字母、纯符号</p>
						</li>
						<li>
							<label for="">确认密码：</label>
							<input type="password" class="txt" name="repassword" />
							<p> <span>请再次输入密码</p>
						</li>
						<li>
							<label for="">手机号:</label>
							<input type="text" class="txt" style="width: 150px;" name="phone" />
							<input type="button"  id='sendSms' value='发送短信'>
						</li>
						<li>
							<label for="">短信验证码:</label>
							<input type="text" class="txt" style="width: 150px;" name="phoneCaptcha">
						</li>
						<li>
							<label for="">&nbsp;</label>
							<input type="checkbox" class="chb" checked="checked" /> 我已阅读并同意《用户注册协议》
						</li>
						<li>
							<label for="">&nbsp;</label>
							<input type="submit" value="" class="login_btn" />
						</li>
					</ul>
				</form>

				
			</div>
			
			<div class="mobile fl">
				<h3>手机快速注册</h3>			
				<p>中国大陆手机用户，编辑短信 “<strong>XX</strong>”发送到：</p>
				<p><strong>1069099988</strong></p>
			</div>

		</div>
	</div>
	<!-- 登录主体部分end -->   

	<div style="clear:both;"></div>
    <!-- 底部版权 start -->
    {include file="public/foot" /}
    <!-- 底部版权 end -->

</body>
<script type="text/javascript">
	var time = 5;
	function countDown(){
		//分为0和不为0两种情况
		if(time!=0){
			//说明正在倒计时
			//按钮禁用、按钮文字读秒
			$("#sendSms").prop('disabled',true);
			$("#sendSms").val((time--)+'s重新发送');
		}else{
			//倒计时完毕
			//按钮恢复可用，按钮文字恢复，时间重置为默认值5
			$("#sendSms").prop('disabled',false);
			$("#sendSms").val('发送短信');
			time = 5;

			return false; //退出此函数不在倒计时
		}
		setTimeout(function(){
			//每一秒执行countDown函数（递归调用）
			countDown();
		},1000);
	}
	$("#sendSms").click(function(){
		var phone = $("input[name='phone']").val();
		//验证手机号是否合法
		var reg = /^1[3-9]\d{9}$/;
		if(!reg.test(phone)){
			alert('手机号格式非法');
			return false;
		}
		countDown(); //倒计时的效果
		$.get("{:url('home/public/sendSms')}",{"phone":phone}, function(json){
			console.log(json);
			if(json.statusCode =='000000'){
				alert('发送成功，请查看');
			}else{
				alert(json.message || json.statusMsg);
			}
		},'json')
	});
</script>
</html>